<template>
  <div id="dialogReason">
    <el-dialog
      class="about-set"
      title="不通过原因"
      :visible.sync="dialogData.isShow"
      width="400px"
      :before-close="labelHandleClose"
    >
      <div class="read-con">
        {{ dialogData.reason }}
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="success" @click="cancelLabel">关闭</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import { getDetail } from '@/api/readManagement/readMine' // 接口
export default {
  name: 'dialogReason',
  msg: '阅读管理-不通过原因',
  props: ['dialogData'],
  data() {
    return {
      id: '',
      loading: false,
      formData: {
        user: {}
      }
    }
  },
  mounted() {},
  methods: {
    labelHandleClose(done) {
      this.cancelLabel()
      done()
    },
    cancelLabel() {
      // 关闭前清空
      this.dialogData.isShow = false
      this.dialogData.reason = ''
    }
  }
}
</script>

<style lang="less">
#dialogReason {
  .el-dialog__body {
    padding-top: 15px !important;
  }
  .el-dialog__header {
    height: 28px;
  }
  .el-dialog__wrapper {
    z-index: 3000 !important;
  }
  .read-con {
    min-height: 100px;
    max-height: 550px;
    overflow: auto;
  }
}
</style>
